<template>
	<view class="bannner">
		<!-- {{banners}} -->
		<swiper :indicator-dots="true" circular indicator-active-color="#FF5777" :autoplay="true" :interval="3000" :duration="1000">
		
		<swiper-item  @click="itemclick(item)" v-for="(item,i) in banners" key="i">
			<image class="img" :src="item.pic" mode="widthFix"></image>
		</swiper-item>
	
			
		</swiper>
	</view>
</template>

<script setup>
	defineProps({
		banners:{
			type:Array,
			default:()=>[]
		}
	})
	const emit=defineEmits(['itemClick'])
	function itemclick(item){
		emit('itemClick',item.link)
	}
</script>

<style lang="scss">
	.bannner{
			
		.img{
			width: 100%;
		}
	}
</style>